{% extends "dashboard.html" %}

{% block title %} Bayanihan: Home {% endblock %}

{% block nav-validate %} class="nav-active" {% endblock %} 

{% block css %}
	<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/home.css" />
{% endblock %}
		
{% block js %}
	<script type="text/javascript" src="{{MEDIA_URL}}js/OpenLayers.js"></script>
	<script type="text/javascript" src="{{MEDIA_URL}}js/validate_reports.js"></script> 
	<script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
	
	{% block map_operations %}
		<script type="text/javascript">
			$(document).ready( function(){
				init(); 
                {% for deployment, collection in reports.items %}
                    {% if collection %}
                        data = jQuery.parseJSON('{{collection|safe}}');
                        addLayer('{{deployment}}');
                        get_reports(data, '{{deployment}}');
                     {% endif %}
                {% endfor %}
            });
		</script>
	{% endblock %}
{% endblock %}
			
{% block content %}
	<div id="map"></div>
	<div id="sidebar">
        
    </div>
    <div style="clear:left"></div>
{% endblock %}

